﻿@model IEnumerable<TuanAnhPersonalWeb.Models.TUANANH__CONTENT>
@{
    Layout = null;
}

<style>
    .item div.image {
        width: 230px; 
        height: 180px; 
        background-color: #555554; 
        border: 1px solid black; 
        border-radius: 5px;
    }
    
    .item:hover div.image {
        background-color: lightgray
    }
    
     .item:hover p {
         color: #FBB72E;
     }
     
     .item:hover div.title {
         color: dimgray;
     }
</style>
@foreach (var itemnew in Model)
    { 
        <div class="item" >
            
            @*<a>@String.Format("{0:dd/MM/yy}", itemnew.CREATEDATE) - @itemnew.CONTENT_TITLE</a>
            <p>@Html.DisplayTextFor(p => itemnew.SHORT_CONTENT) [...]</p>*@
            <div class="title">
                @itemnew.CONTENT_TITLE
            </div>
            <div class="image">
                <img src="@itemnew.IMAGE_DIR" alt="" style="width: 220px; height: 170px; border-radius: 5px; margin:5px"/>
            </div>
            <div style="padding: 5px">
                <p> @itemnew.SHORT_CONTENT </p>
            </div>
            <input type="button" onclick="window.location.href='@Url.Action("DetailNew","Home", new {contentid = itemnew.CONTENT_ID})'" value="Read More" class="btn_submit" style="margin-left: 10px"></input>
        </div>        
    }